UserCSS - 修改程式區塊的檔案名稱顯示
/noratetsu/●コードブロックのファイル名の見た目を変える
UserCSS
code:style.css
/*
.line span.code-block .code-block-start,.table-block .table-block-start {
font-family: "UD デジタル 教科書体 NK-B", "MotoyaLMaru W3 mono", "Kosugi Maru", "Roboto",Helvetica,Arial,"Hiragino Sans",sans-serif;
}
*/
.line span.code-block .code-block-start a,
.table-block .table-block-start a {
text-decoration: unset;
}
.line span.code-block .code-block-start,
.table-block .table-block-start {
background-color: #fff;
border: unset;
margin-left: 3px;
box-shadow: 2px 2px 2px gray;
}
.line span.code-block .code-block-start .tool-buttons .fa-copy::before,
.table-block .table-block-start a::after {
color: #220;
}
.line span.code-block .code-block-start spantitle="css" a {
color: #326dad;
}
.line span.code-block .code-block-start spantitle="javascript" a {
color: #dc9e2e;
}
.line span.code-block .code-block-start spantitle="html" a {
color: #d74b22;
}
.line span.code-block .code-block-start spantitle="tw" a {
color: #00a0e9;
}
.line span.code-block .code-block-start spantitle="txt" a,
.line span.code-block .code-block-start spantitle="qte" a {
color: #006e54;
}
.table-block .table-block-start a {
color: #6100c6;
}
.line span.code-block .code-block-start span a::before,
.table-block .table-block-start a::before,
.table-block .table-block-start a::after{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 0.2rem;
display: inline-block;
top: 0.9rem;
}
.line span.code-block .code-block-start span:is(title="css", title="javascript", title="html") a::before {
content: '\f121';
}
.line span.code-block .code-block-start spantitle="txt" a::before {
content: '\f5ad';
}
.line span.code-block .code-block-start spantitle="qte" a::before {
content: '\f10d';
}
.line span.code-block .code-block-start spantitle="tw" a::before {
content: '\f4ba';
}
.table-block .table-block-start a::before {
content: '\f0ce';
font-size: 12px;
}
.table-block .table-block-start span:last-child:after {
content: '.csv'; /* コードブロックと見た目を揃えてわかりやすくするため */
}
.table-block .table-block-start a::after {
content: '\f56d';
margin-left: 0.3em;
margin-right: -2px;
font-size: 12px;
}